<template>
      
  <div class="header-left">
    <img
      src="../assets/imgs/ztlogo.png"
      alt=""
      width="35px"
      style="margin-top: -6px"
    />
    <div class="logotxt">
      <div>
        <!-- 文字振涛 -->
        振 | 涛 | 教 | 育
      </div>
      <div>
        <!-- 文字振涛 -->
        ZHENTAO
        <!-- &nbsp; -->
        EDUCATION
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  computed: {},
  components: {},
  created() {},
  mounted() {},
};
</script>

<style scoped lang="less">
.header-left {
  align-items: center;
  display: flex;

  margin-left: 10px;
  height: 100%;
}

.header-left img {
  display: flex;
  margin-top: 1px !important;
}
.logotxt {
  margin-left: 5px;
}
.logotxt > div:first-child {
  font-size: 18px;
  font-weight: 900;
  color: #113a74;
  letter-spacing: -1.1px;
}
.logotxt > div:last-child {
  font-size: 13px;
  font-weight: 600;
  color: #113a74;
  font-family: Myriad Pro;
  font-stretch: extra-condensed;
  transform: scale(0.7255, 1.3);
  margin-left: -20.5px;
}
</style>
